<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <title>基础框架</title>
        <!-- framework7框架 -->
        <link rel="stylesheet" type="text/css" href="plugins/framework7/css/framework7.ios.min.css">
        <link rel="stylesheet" type="text/css" href="plugins/framework7/css/framework7.ios.colors.min.css">
        <link rel="stylesheet" type="text/css" href="plugins/framework7-toast/toast.min.css">
        <!-- Font-Awesome图标 -->
        <link rel="stylesheet" type="text/css" href="plugins/Font-Awesome/css/font-awesome.min.css">
        <!-- 自定义样式 -->
        <link rel="stylesheet" type="text/css" href="res/css/index.css">
    </head>
    <body>
        <!-- Status bar overlay for full screen mode (PhoneGap) -->
        <div class="statusbar-overlay"></div>
        <!-- 侧栏存放位置-->
        <div class="panel-overlay"></div>
        <!-- Views -->
        <div class="views">
            <!-- Your main view, should have "view-main" class -->
            <div class="view view-main">
                <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
                <div class="pages navbar-through toolbar-through">
                    <!-- Page, "data-page" contains page name -->
                    <div data-page="launcher" class="page">
                        <!-- Top Navbar-->
                        <div class="navbar">
                            <div class="navbar-inner">
                                <div class="center sliding">Awesome App</div>
                            </div>
                        </div>
                        <!-- Scrollable page content -->
                        <div class="page-content">
                            <p>Page content goes here</p>
                            <!-- Link to another page -->
                            <a id="about" href="#demo">About app</a>
                        </div>
                        <!-- Bottom Toolbar-->
                        <div class="toolbar">
                            <div class="toolbar-inner">
                                <!-- Toolbar links -->
                                <a href="#" class="link">Link 1</a>
                                <a href="#" class="link">Link 2</a>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>

        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="plugins/jquery/jquery-3.1.1.min.js"></script>
        <script type="text/javascript" src="plugins/vue/vue.min.js"></script>
        <!-- Path to Framework7 Library JS-->
        <script type="text/javascript" src="plugins/framework7/js/framework7.min.js"></script>
        <script type="text/javascript" src="plugins/framework7-toast/toast.min.js"></script>
        <!--seajs-->
        <script type="text/javascript" src="plugins/seajs/sea.js"></script>
        <!-- 校验框架 -->
        <script type="text/javascript" src="plugins/jquery-validator/jquery.validator.plugin.min.js"></script>
        <!--自定义js-->
        <script type="text/javascript" src="res/js/config.js"></script>
        <script type="text/javascript" src="res/js/components.js"></script>
        <script type="text/javascript" src="res/js/routers.js"></script>
        <script type="text/javascript" src="res/js/index.js"></script>
    </body>
</html>
